<script setup lang="ts">
import { reactive, onMounted } from 'vue'
onMounted(() => {})

const af = reactive({
  pathList: [
    {
      path: '/home',
      title: '首页',
      id: 1
    },
    {
      path: '/about',
      title: '游戏',
      id: 2
    }
  ]
})
</script>
<template>
  <router-link class="rl bg" v-for="{ path, title, id } of af.pathList" :key="id" :to="path">{{
    title
  }}</router-link>
</template>
<style scoped lang="scss">
  .bg {
    background: #fff;
    padding: 20px;
    line-height: 40px;
    position: relative;
  }
</style>
